.page{
    position: fixed;
    right: 0;
    z-index: 12;
    top: 50px;
    bottom:75px;
    width: 40%;
    background-color: white;
    box-shadow:  rgb(244,244,244) -5px 0px 10px;
    border-left: solid rgb(244,244,244) 0.5px;
    .topselection{
        margin-top: 20px;       
        text-align: center;
        li{
            list-style: none;
            display: inline-block;
            border:1px solid rgb(187,187,187);
            border-radius: 18px;
            padding: 0;
            height: 32px;
            box-sizing: border-box;
            input{
                text-align: center;
                transform: translate(0,-1px);
                vertical-align: middle;
                height: 32px;
                padding:0 20px;
                font-size: 14px;
                background-color: rgb(187,187,187);
                color: #fff;
                border: none;
                border-radius: 18px;
                outline: none;
            }
            .unselected{
                background: none;
                color: rgb(55,55,55);
                &:hover{
                    background-color: rgb(244,244,244);
                    border-radius: 18px;
                }
            }
        } 
    }
    .bottompage{
        margin-top: 20px;
        .linetop{
            margin-left: 25px;
            height: 30px;
            font-size: 14px;
            border-bottom: solid rgb(243,242,242) 1.5px;
            .btns{
                float: right;
              .totalcount{
                color: rgb(204,204,204);
              }
              .btn-left{
                color: rgb(51,51,51);
              }
              .separate{
                color: rgb(204,204,204);
                margin: 0 20px;
              }
              .btn-right{
                color: rgb(51,51,51);
                margin-right: 20px;
              }
            }
        }
        .songlist-container{
        overflow: auto;
        position: fixed;
        bottom: 75px;
        top: 152px;
        width: 40%;
        .songlist{
            height: 40px;
            font-size: 12px; 
            display: flex;
            align-items: center;
            span,a{
                text-overflow: ellipsis;
                white-space:nowrap;
                overflow: hidden;  
            }
            .icon-play-pause{
                display: inline-block;
                width: 5%;
                text-align:center;
                vertical-align: top;
                color: rgb(239,94,94);
            }
            .songlist-name{
                display: inline-block;
                color: rgb(50,50,50);
                width: 45%;   
            }
            .songlist-artist{
                display: inline-block;
                color: rgb(100,100,100);
                width: 25%;
            }
            .songlist-href{
                display: inline-block;
                color: rgb(165,165,165);
                text-align: center;
                width: 7%;
            }
            .songlist-playtime{
                text-align: right;
                color: rgb(200,200,200);
                width: 15%;
            }
            &:nth-of-type(2n){
                background-color: rgb(250,250,250);
            }
            &:hover{
                background-color: rgb(245,245,245);
                color: #000;
                .songlist-href{
                    color: rgb(119,119,119);
                }
            }
        }
    }
    }
}